<template>
  <div class="block-body">
    <el-card class="box-card" :body-style="{ padding: '0px' }">
      <div slot="header">趣味闯关</div>
      <div id="blockView">
        <div class="title">
          {{ "简单模式" }}
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
import echarts from "echarts";
export default {
  data() {
    return {};
    // add by axiang [20190628] 为ECharts的graph节点设置类别属性
  },
};
</script>

<style scoped>
.block-body {
  width: 85%;
  height: 100%;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.box-card {
  background: url(../../assets/interestBackground.png);
  width: 100%;
  margin-bottom: 20px;
  background-size: 100% 100%;
  background-position: center center;

}

#blockView {
  /* align-items: center; */
  /* border: 1px solid gray; */
  width: 100%;
  height: 800px;
  /* background-color: #eeeeee; */
}
.title {
  color:white;
  width: 80%;
  font-size: 200%;
  top: 150px;
  text-align: center;
  position: absolute;
}
</style>
